
html,
    body,
    div,
    ul,
    li {
      margin: 0;
      padding: 0;
    }

    div,
    ul,
    li {
      box-sizing: border-box;
    }

    html,
    body {
      width: 100%;
      height: 100%;
    }

  @keyframes h5Shake {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(45deg);
    }
    50% {
      transform: rotate(0deg);
    }
    75% {
      transform: rotate(-45deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  @keyframes musicIcon {
    0% {
      transform: rotate(0deg);
    }
    25% {
      transform: rotate(90deg);
    }
    50% {
      transform: rotate(180deg);
    }
    75% {
      transform: rotate(270deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes finger{
    0%{
      transform: translate(0,0)
    }
    50%{
      transform: translate(10px,10px)
    }
    100%{
      transform: translate(0,0)
    }
  }
  .iconRotate{
    // transform-origin:center center;
    animation:musicIcon 1.5s linear infinite;
  }
  .h5Shake{
    transform-origin:center bottom;
    animation:h5Shake 1.5s linear infinite;
  }
  .finger_move{
    animation:finger 1s linear infinite;
  }

